@charset "utf-8";body{ width: 100%;height: 100%;font-size: 12px;font-family: "微软雅黑 Regular","Microsoft YaHei";color: #333;background-color: #fff}
body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{ margin: 0;padding: 0;box-sizing: border-box}
li,ol,ul{ list-style: none}
a{ text-decoration: none;color: #333;transition: all .3s}
a:hover{ color: #368ec9}
img{ border: none;display: inline-block;vertical-align: middle}
.img{ max-width: 100%;height: auto}
button,input{ outline: 0;border: none;font-family: "微软雅黑 Regular","Microsoft YaHei"}
.row{ display: inline-block;width: 100%}
.fl{ float: left}
.fr{ float: right}
.container{ max-width: 1020px;margin: auto}
.bg-white{ background: #fff}
.text-center{ text-align: center}
.hide{ display: none}
.m-show{ display: none}
.clearfix:after,.clearfix:before{ display: table;line-height: 0;content: ""}
.clearfix:after{ clear: both}
@media (max-width:1020px){ body{-webkit-text-size-adjust:100%;} .container{  width: 100%;padding: 0 2%!important }}@media screen and (max-width:991px){ body{  background-color: #fff }
 .m-hide{  display: none }
 .m-show{  display: block }}.flex{ display: flex;justify-content: space-between;flex-wrap: wrap}
.lt10 .flex{ display: block;text-align: justify;line-height: 0}
.lt10 .flex>a,.lt10 .flex>div,.lt10 .flex>li,.lt10 .flex>span,.lt10 .flex>ul{ display: inline-block;vertical-align: top;line-height: 26px}
.lt10 .flex:after{ content: "";display: inline-block;width: 100%;height: 0;line-height: 0;font-size: 0}